* { box-sizing: border-box; margin:0; padding:0; }
html,body { height:100%; width:100%; }

body {
  background: radial-gradient(ellipse at center, #021025 0%, #000814 70%);
  font-family: "Microsoft Yahei", "Helvetica Neue", Arial, sans-serif;
  color: #cde8ff;
  overflow: hidden;
}

#heartCanvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  background: transparent;
}

/* 页面信息（置顶） */
.info {
  position: fixed;
  left: 24px;
  top: 18px;
  z-index: 5;
  pointer-events: none;
  text-shadow: 0 6px 22px rgba(0,0,0,0.7);
}
.info h1 {
  font-size: 20px;
  margin-bottom: 6px;
  color: #aee0ff;
  letter-spacing: 0.6px;
}
.info p { font-size: 12px; color: rgba(174,226,255,0.8); }

/* 小屏幕优化 */
@media (max-width:480px) {
  .info { left: 12px; top: 12px; }
  .info h1 { font-size: 16px; }
}
